<style scoped>
.chart {
  height: 450px;
}
</style>


<template>
  <div>
    <z-chart class="chart" :option="option" />
  </div>
</template>

<script>
import VChart, { THEME_KEY } from "@/zpkgs/components/z-chart/VEcharts";
import VueCodeMirror from "@example/components/VueCodeMirror";
import DocProps from "@example/plugins/example/components/DocProps";
import '@example/plugins/echarts-map/js/citys/linyi';


export default {
  components: {
    DocProps,
    VueCodeMirror,
    VChart
  },
  provide: {
  },
  data() {
    return {
      doc: {
        props: [
          {
            name: 'def',
            type: 'Object',
            defVal: '{columns: [], records: []}',
            desc: '定义'
          }
        ]
      },
      d: {
        tpl: `
  <z-chart class="chart" :option="option" />
        `,

      },
      option:{
        geo: {
          map: '临沂',//这里的名称需要和china.js: echarts.registerMap('china',{})中的名称一致
          label: { show: true }, //显示省份
          roam: true, //缩放
        },
        series: [], //地图上二开点线特效数组，按需添加
      }
    }
  },
  setup() {
    return {
    }
  }
}
</script>
